import React from 'react';

import './App.css';
import Func from './Func'
import Cla from './Cla'
import State from './01State'
import Ipt from './02.Ipt'
import Chk from './03Check'
import Ipt2 from './04Ipt'
import Comment from './05Comment.js'
import Ref from './05Ref'

/* const name = 'jack'
const obj = {
  name: 'rose',
  age: 18
} */

const arr = [
  { name: 'rose', age: 18 },
  { name: 'rose2', age: 19 },
  { name: 'rose3', age: 15 },
]
/* <ul>
     <li>我是一个li==={obj.name}</li>
   </ul> */
// function aa(){
//   alert(1)
// }

function App() {
  return (
    <div>
      <ul>
        {arr.map(item => (<li key={item.name}>我是一个li==={item.name}=={item.age}</li>))}
      </ul>

      <hr></hr>
      <Func></Func>
      <hr></hr>
      <Cla></Cla>
      <hr></hr>
      {/* <button onClick={aa}>按钮</button> */}
      <State></State>

      <hr></hr>
      <Ipt></Ipt>
      <hr></hr>
      <Chk></Chk>

      <hr></hr>

      <Ipt2></Ipt2>

      <hr></hr>
      <Comment></Comment>

      <hr></hr>
      <Ref></Ref>



    </div>
  );
}

export default App;
